<template>
<!-- 基本信息块 -->
<view class="main">
	<text class="title">基本信息</text>
	<view class="basic">
		<view class="block">
			<text>联系人</text>
			<input type="text" placeholder="花湖"></input>
		</view>
		<view class="block">
			<text>联系电话</text>
			<input type="text" placeholder="133675494649"></input>
		</view>
		<view class="block">
			<text>微信号</text>
			<input type="text" placeholder></input>
		</view>
	</view>
	<!-- 店铺信息快 -->
	<text class="title" style="margin-top: 30rpx;">店铺信息</text>
	<view class="basic">
		<view class="block">
			<text>店铺名称</text>
			<input type="text" placeholder="丰富多彩店铺"></input>
		</view>
		<view class="block">
			<text>所在地区</text>
			<view class="picker">
				<picker @change="bindPickerChange" :value="index" :range="array">
				    <view class="picker">
				      {{array[index]?array[index]:'北京市北京市东城区'}}
				    </view>
				</picker>
				<image src="/static/remao_shop/img/arrow_icon.png" class="img"></image>
			</view>
		</view>
		<view class="block">
			<text>详细地址</text>
			<input type="text" placeholder="对对对打开"></input>
		</view>
		<view class="block">
			<text>所售类目</text>
			<view class="picker">
				<picker @change="bindPickerChange" :value="index" :range="array">
				    <view class="picker">
				      {{array[index]?array[index]:'水果'}}
				    </view>
				</picker>
				<image src="/static/remao_shop/img/arrow_icon.png" class="img"></image>
			</view>
		</view>
		<view class="block">
			<text>客服电话</text>
			<input type="text" placeholder="13226886888"></input>
		</view>
		<view class="block">
			<view class="left">
				<text>店铺头像</text>
				<text>80*80</text>
			</view>
			<view class="right">
				<image src="/static/remao_shop/img/openShop.png" class="author"></image>
				<image src="/static/remao_shop/img/arrow_icon.png" class="img"></image>
			</view>
		</view>
	</view>
	<view class="btns">
		<button class="btn">提交</button>
	</view>
</view>
</template>

<script>
import api from "../../../api";
var app = getApp();

export default {
  data() {
    return {
      user_id: ''
    };
  },

  components: {},
  props: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    wx.getStorage({
      key: 'userId',
      success: res => {
        this.setData({
          user_id: res.data
        });
      }
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
  methods: {}
};
</script>
<style>
@import "./guan.css";
</style>